<template id="Pay_success">
    <div class="Pay_success">
        <div class="Pay_success_1">
            <img src="../image/blue_da.png" alt="">
            <h4>确认订单</h4>
        </div>
        <div class="Pay_success_2">
            <img src="../image/blue_duim.jpg" alt="">
            <p>支付成功,快递哥哥马上送货哦</p>
        </div>
        <div class="Pay_success_3">
            宝贝即将送往
        </div>
        <div class="Pay_success_4">
            <p>收货人:{{data.consignee}} {{data.mobile}}</p>
            <p>{{data.address}}</p>
        </div>
        <div class="Pay_success_5">
            <img src="../image/red_bao.jpg" alt="">
            <span>分享红包</span>
            <span >最高可得188元</span>
            <img src="../image/day.jpg" alt="">
        </div>
        <div class="Pay_success_6">
            <p>安全提示</p>
            <p>小马生鲜不会以订单异常、系统升级等为由,要求你点击任何链接进行退款、重新支付、额外付款等操作</p>
        </div>
        <div class="bei_jing" style="display:none"></div>
    </div>
    
</template>

<script>
    export default {
        name: 'Pay_success',
        data() {
            return {
                order_id:this.$route.query.order_id,
                data:[],
            }
        },

        mounted: function () {
            let H=$(window).height();
            $('.Pay_success').height(H);

            //获取资金记录
            let info  = [];
            info['c'] = 'Orders';
            info['m'] = 'get_order_address';
            info['order_id'] = this.order_id;
            this.GLOBAL.getApi(this,info);

        },
        methods: {

        }
    }
</script>
<style>
    .bei_jing{
        height:100%;
        width:100%;
        background:#000000;
        opacity:0.5;
        position:absolute;
        top:0;
        left:0;
    }
    /*弹窗背景*/
    .Pay_success_6 p:nth-of-type(2){
        min-height:0.36rem;
        line-height:0.36rem;
        color:#8b8b8b;
        font-size:0.2rem;
        padding-left:0.18rem;
        width:5.86rem;
        word-wrap: break-word;
    }
    .Pay_success_6 p:nth-of-type(1){
        height:0.42rem;
        color:#545454;
        font-size:0.26rem;
        text-indent: 0.18rem;
    }
    .Pay_success_6{
        min-height:1.2rem;
        width:100%;
        padding-top:0.18rem;
    }
    /*6*/
    .Pay_success_5 img:nth-of-type(1){
        display:block;
        height:0.34rem;
        width:0.37rem;
        position:absolute;
        top:0.23rem;
        left:0.18rem;
    }
    .Pay_success_5 img:nth-of-type(2){
        position:absolute;
        display:block;
        width:0.21rem;
        height:0.36rem;
        top:0.2rem;
        right:0.15rem;
    }
    .Pay_success_5{
        width:100%;
        height:0.8rem;
        position:relative;
        border-bottom:0.1rem solid #f5f4f2;
    }
    .Pay_success_5 span:nth-of-type(1){
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        font-size:0.24rem;
        color:#494848;
        width:2rem;
        padding-left:0.6rem;
        /* overflow: hidden; !*!*自动隐藏文字*!*!
         text-overflow: ellipsis;!*!*文字隐藏后添加省略号*!*!
         white-space: nowrap;*/
        float:left;
    }
    .Pay_success_5 span:nth-of-type(2){
        height:0.8rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.8rem;
        display:block;
        margin-right: 0.43rem;
    }
    /*5*/
    .Pay_success_4 p:nth-of-type(2){
      min-height:0.36rem;
      line-height:0.36rem;
        color:#a3a3a3;
        font-size:0.2rem;
        width:4.22rem;
        padding-left:0.18rem;
    }
    .Pay_success_4 p:nth-of-type(1){
        height:0.38rem;
        line-height:0.38rem;
        color:#454545;
        font-size:0.24rem;
        text-indent:0.18rem;
        margin-bottom:0.06rem;
    }
    .Pay_success_4{
        width:100%;
        min-height:1.39rem;
        padding-top: 0.2rem;
        border-bottom:0.01rem solid #f0f0f0;
    }
    /*4*/
    .Pay_success_3{
        height:0.79rem;
        width:100%;
        border-bottom:0.01rem solid #f0f0f0;
        line-height:0.79rem;
        color:#8a8a8a;
        font-size:0.24rem;
        text-indent:0.18rem;
    }
    /*3*/
    .Pay_success_2{
        width:100%;
        height:0.65rem;
        position:relative;
        padding-top:0.2rem;
        border-bottom:0.1rem solid #f5f4f2;
    }
    .Pay_success_2 p{
        height:0.5rem;
        line-height:0.5rem;
        color:#8a8a8a;
        font-size:0.24rem;
        text-indent: 0.85rem;
    }
    .Pay_success_2 img{
        display:block;
        position:absolute;
        height:0.49rem;
        width:0.52rem;
        left:0.18rem;
        top:0.2rem;
    }
    /*1*/
    .Pay_success_1 h4{
        height:0.7rem;
        color:#2eaffc;
        font-size:0.28rem;
        line-height:0.7rem;
        text-align:center;
        font-weight:normal;
    }
    .Pay_success_1{
        height:0.7rem;
        width:100%;
        border-bottom:0.1rem solid #f5f4f2;
        position:relative;
        background:#ffffff;
    }
    .Pay_success_1 img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
</style>